<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>Hello H5+</title>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript">
// 页面初始化操作 
document.addEventListener('plusready', function(e){
	// 监听iBeacon服务状态变化 
	plus.ibeacon.onBeaconServiceChange(function(e){
		outLine('onBeaconServiceChange: available='+e.available+', discovering='+e.discovering);
	});
	// 监听iBeacon设备更新 
	plus.ibeacon.onBeaconUpdate(function(e){
		var beacons = e.beacons;
		for(var i in beacons){
			outLine('onBeaconUpdate: '+beacons[i].uuid);
		}
	});
}, false);

// 开始搜索iBeacon 
function startDiscovery(){
	outSet('开始搜索附近的iBeacon设备：');
	plus.ibeacon.startBeaconDiscovery({
		success: function(e){
			outLine('开始搜索成功!');
		},
		fail: function(e){
			outLine('开始搜索失败! '+JSON.stringify(e));
		}
	});
}

// 获取iBeacon设备 
function getBeacons(){
	outSet('获取已搜索到的iBeacon设备：');
	plus.ibeacon.getBeacons({
		success: function(e){
			var beacons = e.beacons;
			outLine('获取iBeacon设备成功! '+beacons.length);
			for(var i in beacons){
				outLine(JSON.stringify(beacons[i]));
			}
		},
		failed: function(e){
			outLine('获取iBeacon设备失败! '+JSON.stringify(e));
		}
	});
}

// 停止搜索iBeacon
function stopDiscovery(){
	outSet('停止搜索附近的iBeacon设备：');
	plus.ibeacon.stopBeaconDiscovery({
		success: function(e){
			outLine('停止搜索成功!');
		},
		fail: function(e){
			outLine('停止搜索失败! '+JSON.stringify(e));
		}
	});
}
		</script>
		<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
	</head>
	<body>
		<br/>
		<div class="button" onclick="startDiscovery()">开始搜索iBeacon</div>
		<div class="button" onclick="getBeacons()">获取iBeacon设备</div>
		<div class="button" onclick="stopDiscovery()">停止搜索iBeacon</div>
		<p class="des">
			请到存在iBeacon设备环境中测试，或者使用iBeacon设备模拟工具（如<a href="#" onclick="plus.runtime.openWeb('https://app.brtbeacon.com/brightbeacon')">BrightBeacon</a>）。
		</p>
		<div id="outpos"/>
		<div id="output">
iBeacon可使用低功耗蓝牙搜索附件的iBeacon设备进行微定位等。
		</div>
	</body>
</html>